<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title>站酷海洛 - 正版图片,视频,字体,音乐素材交易平台 - 站酷旗下品牌</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1914695_1bx9dwbbon4.css">
    <link rel="shortcut icon" href="https://static.hellorf.com/v180629120952/favicon.ico">
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/hellorf.css">
</head>
<body id="head">
<!------------------------------------------------------------------------------------>
<!---------------------------------------- header部分 --------------------------------->
<!------------------------------------------------------------------------------------>
    <header>
        <div class="nav flex-style">
            <div class="nav-logo">
                <a href="./hellorf.html">
                    <img src="../images/hellorf_logo.png">
                </a>
            </div>
            <ul class="nav-wrap flex-style">
                <li class="nav-line">
                    <a href="./hellorf.html">图片</a>
                </li>
                <li>
                    <a href="./hellorf-video.html">视频</a>
                </li>
                <li>
                    <a href="javascript:;">字体</a>
                </li>
                <li>
                    <a href="javascript:;">音乐</a>
                </li>
                <li>
                    <a href="javascript:;">活动</a>
                </li>
            </ul>
            <ul class="nav-login flex-style">
                <li class="consult">
                    咨询
                    <ul class="consult-tel">
                        <li>
                            <a href="javascript:;">在线咨询</a>
                        </li>
                        <li>400-6066-100</li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;" target="_blank">供图</a>
                </li>
                <li>
                    <a href="javascript:;" target="_blank">价格</a>
                </li>
                <li>
                    <a href="javascript:;" target="_blank">登录</a>
                </li>
            </ul>
        </div>
    </header>

    <main>
<!------------------------------------------------------------------------------------>
<!---------------------------------------- banner部分 --------------------------------->
<!------------------------------------------------------------------------------------>
        <div class="banner">
            <ul class="banner-list">
                <li class="banner-img banner-zb">
                    <a href="javascript:;" target="_blank"></a>
                </li>
                <li class="banner-img">
                    <a href="javascript:;" target="_blank"></a>
                </li>
                <li class="banner-img">
                    <a href="javascript:;" target="_blank"></a>
                </li>
                <li class="banner-img">
                    <a href="javascript:;" target="_blank"></a>
                </li>
                <li class="banner-img">
                    <a href="javascript:;" target="_blank"></a>
                </li>
            </ul>
            <div class="arrow flex-style">
                <span class="iconfont icon-arrow_left"></span>
                <span class="iconfont icon-arrow_right"></span>
            </div>
            <ul class="banner-btns flex-style">
                <li class="banner-btn banner-btn-on"></li>
                <li class="banner-btn"></li>
                <li class="banner-btn"></li>
                <li class="banner-btn"></li>
                <li class="banner-btn"></li>
            </ul>
            <div class="input-box flex-style">
                <div class="search-type">
                    图片
                    <span class="iconfont icon-arrow_down"></span>
                    <ul class="type-box-list">
                        <li>图片</li>
                        <li>视频</li>
                        <li>字体</li>
                        <li>音乐</li>
                    </ul>
                </div>
                <div class="iconfont icon-camera camera" title="以图搜图"></div>
                <input type="text" placeholder="请输入关键字，点击搜索按钮进行检索" class="input-txt">
                <div class="search">
                    <a href="javascript:;" class="iconfont icon-icsearch"></a>
                </div>
            </div>
            <ul class="hot-search">
                <li class="hot-search-tit">
                    热搜词：
                </li>
                <li class="hot-search-inner">
                    <a href="javascript:;" target="_blank">大暑</a>
                </li>
                <li class="hot-search-inner">
                    <a href="javascript:;" target="_blank">毕业</a>
                </li>
                <li class="hot-search-inner">
                    <a href="javascript:;" target="_blank">教育</a>
                </li>
                <li class="hot-search-inner">
                    <a href="javascript:;" target="_blank">夏天</a>
                </li>
                <li class="hot-search-inner">
                    <a href="javascript:;" target="_blank">母婴</a>
                </li>
                <li class="hot-search-inner">
                    <a href="javascript:;" target="_blank">植物</a>
                </li>
                <li class="hot-search-inner">
                    <a href="javascript:;" target="_blank">城市</a>
                </li>
                <li class="hot-search-inner">
                    <a href="javascript:;" target="_blank">水果</a>
                </li>
                <li class="javascript:;" target="_blank">科技</a>
                </li>
                <li class="hot-search-inner">
                    <a href="javascript:;" target="_blank">商务</a>
                </li>
            </ul>
        </div>
<!------------------------------------------------------------------------------------>
<!----------------------------------------- see部分 ----------------------------------->
<!------------------------------------------------------------------------------------>
        <div class="see">
            <p class="find">
                在
                <span>325,691,559</span>
                幅创意内容里寻找灵感
            </p>
            <a href="javascript:;" target="_blank" class="see-price">
                查看符合您的授权及价格方案
            </a>
        </div>
<!------------------------------------------------------------------------------------>
<!-------------------------------------- content部分 ---------------------------------->
<!------------------------------------------------------------------------------------>
        <div class="content">
<!------------------------------------------------------------------------------------>
<!---------------------------------------- start部分 ---------------------------------->
<!------------------------------------------------------------------------------------>
            <div class="start">
                <div class="content-tit">
                    <span class="en-tit">START</span>
                    <span class="cn-tit">开始海洛</span>
                </div>
                <ul class="select-list flex-style">
                    <li class="select01">
                        <a href="javascript:;" target="_blank" class="selected">
                            <p>东方人物精选</p>
                            <p>站酷海洛独家</p>
                        </a>
                    </li>
                    <li class="select02">
                        <a href="javascript:;" target="_blank" class="selected">
                            <p>理财投资</p>
                            <p>金融行业热门题材精选</p>
                        </a>
                    </li>
                    <li class="select03">
                        <a href="javascript:;" target="_blank" class="selected">
                            <p>旅游行业精选库</p>
                            <p>热门城市风光</p>
                        </a>
                    </li>
                </ul>
                <div class="sort">
                    <ul class="sort-list flex-style">
                        <li class="sort-line">全部精选</li>
                        <li>热搜分类</li>
                        <li>灵感图册</li>
                        <li>新图速递</li>
                    </ul>
                    <ul class="sort-wrap flex-style">
                        <li class="sort-wrap-inner">
                            <img src="../images/sort01.png">
                            <div class="sort-wrap-tit">
                                <p>热搜分类</p>
                                <p>紧跟热点的搜索分类</p>
                            </div>
                        </li>
                        <li class="sort-wrap-inner">
                            <img src="../images/sort02.png">
                            <div class="sort-wrap-tit">
                                <p>灵感图册</p>
                                <p>精选内容激活创作灵感</p>
                            </div>
                        </li>
                        <li class="sort-wrap-inner">
                            <img src="../images/sort03.png">
                            <div class="sort-wrap-tit">
                                <p>新图速递</p>
                                <p>新更内容抢鲜获取</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <ul class="new-hot flex-style">
                    <li class="new-hot-gap start-new flex-style">
                        <div class="start-new-img  travel">
                            <a href="javascript:;" target="_blank">
                                旅行
                            </a>
                        </div>
                        <div class="start-new-check">
                            <ul class="check-list">
                                <li>
                                    <p class="check-list-inner">
                                        <input type="checkbox" checked id="check-travel">
                                        <label for="check-travel">旅行</label>
                                    </p>
                                </li>
                                <li>
                                    <p class="check-list-inner">
                                        <input type="checkbox" checked id="check-out">
                                        <label for="check-out">郊游</label>
                                    </p>
                                </li>
                                <li>
                                    <p class="check-list-inner">
                                        <input type="checkbox" id="check-camp">
                                        <label for="check-camp">露营</label>
                                    </p>
                                </li>
                                <li>
                                    <p class="check-list-inner">
                                        <input type="checkbox" id="check-vaca">
                                        <label for="check-vaca">度假</label>
                                    </p>
                                </li>
                                <li>
                                    <p class="check-list-inner">
                                        <input type="checkbox" id="check-luggage">
                                        <label for="check-luggage">旅行箱</label>
                                    </p>
                                </li>
                            </ul>
                            <button class="start-new-btn">
                                <a href="javascript:;" target="_blank">
                                    开始搜热词
                                </a>
                            </button>
                        </div>
                        <div class="new-lab">
                            <a href="javascript:;" target="_blank">
                                NEW
                            </a>
                        </div>
                    </li>

                    <li class="new-hot-gap start-hot summer">
                        <a href="javascript:;" target="_blank">
                            夏日泳池
                        </a>
                        <div class="hot-lab">
                            <a href="javascript:;" target="_blank">
                                HOT
                            </a>
                        </div>
                        <div class="hot-tag">
                            <span class="iconfont icon-equal"></span>
                            <span class="iconfont icon-tag"></span>
                        </div>
                    </li>

                    <li class="new-hot-gap start-hot poster">
                        <a href="javascript:;" target="_blank">
                            剪纸风夏季海报
                        </a>
                        <div class="hot-lab">
                            <a href="javascript:;" target="_blank">
                                HOT
                            </a>
                        </div>
                        <div class="hot-tag">
                            <span class="iconfont icon-equal"></span>
                            <span class="iconfont icon-tag"></span>
                        </div>
                    </li>

                    <li class="start-new flex-style">
                        <div class="start-new-img science">
                            <a href="javascript:;" target="_blank">
                                科技
                            </a>
                        </div>
                        <div class="start-new-check">
                            <ul class="check-list">
                                <li>
                                    <p class="check-list-inner">
                                        <input type="checkbox" checked id="check-travel">
                                        <label for="check-travel">机器人</label>
                                    </p>
                                </li>
                                <li>
                                    <p class="check-list-inner">
                                        <input type="checkbox" checked id="check-out">
                                        <label for="check-out">AI</label>
                                    </p>
                                </li>
                                <li>
                                    <p class="check-list-inner">
                                        <input type="checkbox" id="check-camp">
                                        <label for="check-camp">数据</label>
                                    </p>
                                </li>
                                <li>
                                    <p class="check-list-inner">
                                        <input type="checkbox" id="check-vaca">
                                        <label for="check-vaca">VR</label>
                                    </p>
                                </li>
                                <li>
                                    <p class="check-list-inner">
                                        <input type="checkbox" id="check-luggage">
                                        <label for="check-luggage">触控</label>
                                    </p>
                                </li>
                            </ul>
                            <button class="start-new-btn">
                                <a href="javascript:;" target="_blank">
                                    开始搜热词
                                </a>
                            </button>
                        </div>
                        <div class="new-lab">
                            <a href="javascript:;" target="_blank">
                                NEW
                            </a>
                        </div>
                    </li>

                    <li class="start-hot heat">
                        <a href="javascript:;" target="_blank">
                            二十四节气-大暑
                        </a>
                        <div class="hot-lab">
                            <a href="javascript:;" target="_blank">
                                HOT
                            </a>
                        </div>
                        <div class="hot-tag">
                            <span class="iconfont icon-equal"></span>
                            <span class="iconfont icon-tag"></span>
                        </div>
                    </li>

                    <li class="start-hot plant">
                        <a href="javascript:;" target="_blank">
                            植物美妆背景
                        </a>
                        <div class="hot-lab">
                            <a href="javascript:;" target="_blank">
                                HOT
                            </a>
                        </div>
                        <div class="hot-tag">
                            <span class="iconfont icon-equal"></span>
                            <span class="iconfont icon-tag"></span>
                        </div>
                    </li>
                </ul>
                <ul class="start-img-list flex-style">
                </ul>
            </div>
<!------------------------------------------------------------------------------------>
<!--------------------------------------- design部分 ---------------------------------->
<!------------------------------------------------------------------------------------>
            <div class="design">
                <div class="content-tit">
                    <span class="en-tit">DESIGN</span>
                    <span class="cn-tit">新鲜设计</span>
                </div>
                <ul class="design-list flex-style">
                    <li class="design-box">
                        <a href="javascript:;" target="_blank">
                            <img src="https://ali.image.hellorf.com/images/3d3d5257abcc48c3ad146b1d83e8663c.jpeg?x-oss-process=image/resize,h_528" alt="">
                            <p class="design-box-tit">
                                创意周报 - 7月第二周
                            </p>
                            <div class="hot-lab">
                                <a href="javascript:;" target="_blank">
                                    HOT
                                </a>
                            </div>
                        </a>
                    </li>
                    <li class="design-box">
                        <a href="javascript:;" target="_blank">
                            <img src="https://ali.image.hellorf.com/images/882fc5995a2316c6f177c2346bfa16af.jpeg?x-oss-process=image/resize,h_528" alt="">
                            <p class="design-box-tit">
                                端午传统元素，教你如何玩出国风设计灵感 - 站酷海洛
                            </p>
                            <div class="hot-lab">
                                <a href="javascript:;" target="_blank">
                                    HOT
                                </a>
                            </div>
                        </a>
                    </li>
                    <li class="design-box">
                        <a href="javascript:;" target="_blank">
                            <img src="https://ali.image.hellorf.com/images/8b50296c1203fa68ef661146f80c3106.jpeg?x-oss-process=image/resize,h_528" alt="">
                            <p class="design-box-tit">
                                灵感单调不太妙，四大招式拆解插画流行新创意 – 站酷海洛
                            </p>
                            
                        </a>
                    </li>
                    <li class="design-box">
                        <a href="javascript:;" target="_blank">
                            <img src="https://ali.image.hellorf.com/images/20bb3ee9dbce8cd420d834228b16a8b4.jpeg?x-oss-process=image/resize,h_528" alt="">
                            <p class="design-box-tit">
                                七种风格十大创意，盘点2019潮流设计 - 站酷海洛
                            </p>
                        </a>
                    </li>
                    <li class="design-box">
                        <a href="javascript:;" target="_blank">
                            <img src="https://ali.image.hellorf.com/images/508f3467e30fff595981fb7fc135d6e9.jpeg?x-oss-process=image/resize,h_528" alt="">
                            <p class="design-box-tit">
                                五种酷炫灵感，空气也变成你的画板 - 站酷海洛
                            </p>
                        </a>
                    </li>
                    <li class="design-box">
                        <a href="javascript:;" target="_blank">
                            <img src="https://ali.image.hellorf.com/images/5edb89ddad6937b33e67e5482a9ebf56.jpeg?x-oss-process=image/resize,h_528" alt="">
                            <p class="design-box-tit">
                                20种配色推荐，轻松玩转洛可可风格（附配色值）- 站酷海洛
                            </p>
                        </a>
                    </li>
                </ul>
                <button class="design-btn">
                    <a href="javascript:;" target="_blank">
                        全部设计
                    </a>
                </button>
            </div>
<!------------------------------------------------------------------------------------>
<!--------------------------------------- event部分 ----------------------------------->
<!------------------------------------------------------------------------------------>
            <div class="event">
                <div class="content-tit">
                    <span class="en-tit">EVENT</span>
                    <span class="cn-tit">最新活动</span>
                </div>
                <div class="ev-banner">
                    <ul class="ev-banner-list flex-style">
                        <li>
                            <a href="javascript:;" target="_blank">
                                <img src="https://ali.image.hellorf.com/images/bb18ff0f53b5e594c03774c1decd3264.jpeg?x-oss-process=image/resize,w_2208" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" target="_blank">
                                <img src="https://ali.image.hellorf.com/images/5a4b5dad156ab0c120e0d4e2ab041f42.jpeg?x-oss-process=image/resize,w_2208" alt="">
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;" target="_blank">
                                <img src="https://ali.image.hellorf.com/images/bb18ff0f53b5e594c03774c1decd3264.jpeg?x-oss-process=image/resize,w_2208" alt="">
                            </a>
                        </li>
                    </ul>
                    <ul class="ev-btns flex-style">
                        <li class="ev-btn ev-btn-on"></li>
                        <li class="ev-btn"></li>
                    </ul>
                </div>
            </div>
        </div>
    </main>
<!------------------------------------------------------------------------------------>
<!---------------------------------------- footer部分 --------------------------------->
<!------------------------------------------------------------------------------------>
    <footer>
        <div class="foot-wrap">
            <div class="foot-main flex-style">
                <ul class="foot-main-l">
                    <li class="foot-hellorf">
                        <img src="../images/foot-hellorf.png" alt="">
                        <p>站酷海洛高品质创意内容共享平台</p>
                    </li>
                    <li class="foot-logo">
                        <img src="../images/foot-logo.png" alt="">
                    </li>
                    <li>海洛创意·海洛·HELLORF</li>
                </ul>
                <ul class="foot-main-r flex-style">
                    <li>
                        <p class="hellor-tit">关于站酷海洛</p>
                        <p><a href="javascript:;" target="_blank">关于我们</a></p>
                        <p><a href="javascript:;" target="_blank">套餐价格</a></p>
                        <p><a href="javascript:;" target="_blank">海洛API</a></p>
                        <p><a href="javascript:;" target="_blank">授权协议</a></p>
                        <p><a href="javascript:;" target="_blank">隐私政策</a></p>
                        <p><a href="javascript:;" target="_blank">联系我们</a></p>
                    </li>
                    <li>
                        <p class="hellor-tit">常见问题</p>
                        <p><a href="javascript:;" target="_blank">授权/版权</a></p>
                        <p><a href="javascript:;" target="_blank">购买/支付</a></p>
                        <p><a href="javascript:;" target="_blank">下载问题</a></p>
                        <p><a href="javascript:;" target="_blank">退款/退货</a></p>
                        <p><a href="javascript:;" target="_blank">流程相关</a></p>
                        <p><a href="javascript:;" target="_blank">关于套餐</a></p>
                        <p><a href="javascript:;" target="_blank">关于账户</a></p>
                        <p><a href="javascript:;" target="_blank">帮助中心</a></p>
                    </li>
                    <li>
                        <p class="hellor-tit">更多产品</p>
                        <p><a href="javascript:;" target="_blank">创意供图平台</a></p>
                        <p><a href="javascript:;" target="_blank">海洛PLUS</a></p>
                    </li>
                    <li>
                        <p class="hellor-tit">关注我们</p>
                        <img src="../images/weixin.jpg" alt="微信二维码" class="weixin">
                        <span class="pro-seek">更多创意产品咨询</span>
                    </li>
                </ul>
            </div>
            <div class="foot-bot flex-style">
                <p>
                    <span>北京站酷网络科技有限公司旗下产品</span>
                    <a href="javascript:;" target="_blank">京ICP备11017824号</a>
                    <a href="javascript:;" target="_blank">京ICP证130164号</a>
                </p>
                <a href="javascript:;" target="_blank" class="safe">京公网安备 11010502034683号</a>
                <p>Copyright © 2014-2018 站酷海洛 版权所有</p>
            </div>
        </div>
        
    </footer>
<!------------------------------------------------------------------------------------>
<!-------------------------------------- float-win部分 -------------------------------->
<!------------------------------------------------------------------------------------>
    <ul class="float-win flex-style">
        <li>
            <img src="../images/contact.png" alt="">
            <div class="fw-service flex-style">
                <p>在线客服</p>
                <span></span>
            </div>
        </li>
        <li>
            <img src="../images/shop.png" alt="">
            <div class="shop-list">
                <ul class="flex-style">
                    <li>
                        <a href="javascript:;" target="_blank">
                            图片清单
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            视频清单
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            文字清单
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" target="_blank">
                            音乐清单
                        </a>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <a href="javascript:;" target="_blank">
                <img src="../images/collect.png" alt="">
            </a>
            <div class="fw-service flex-style">
                <p>收藏夹</p>
                <span></span>
            </div>
        </li>
        <li>
            <a href="#head">
                <img src="../images/up.png" alt="">
            </a>
            <div class="fw-service flex-style">
                <p>回到顶部</p>
                <span></span>
            </div>
        </li>
    </ul>
</body>
<script src="../js/hellorf_start.js"></script>
<script src="../js/hellorf_banner.js"></script>
</html>